module.exports = {
    lintOnSave: false,
    chainWebpack: (config) => {
        config
            .plugin('html')
            .tap((args) => {
                args[0].title = '全国医院综合/专科排行榜';
                return args;
            });
    },
    css: {

        loaderOptions: {
            scss: {
                prependData: `@import "~@/base.scss";`
            },
            postcss: {
                plugins: [
                    require('autoprefixer')(),
                    require("postcss-px-to-viewport")({
                        unitToConvert: "px",
                        viewportWidth: 7500,
                        unitPrecision: 5,
                        propList: ["*", "!max-width"],
                        viewportUnit: "rem",
                        fontViewportUnit: "rem",
                        selectorBlackList: ["html"],
                        minPixelValue: 1,
                        mediaQuery: false,
                        replace: true,
                        exclude: [/node_modules/],
                        landscape: false,
                        landscapeUnit: "vw",
                        landscapeWidth: 568
                    })
                ]
            }
        }
    },
    devServer: {
        port: 3600,
    },
    publicPath: process.env.NODE_ENV == "development" ? "/" : "./",
}